
$(function(){
  $.ajax({
    url:'/category/queryTopCategory',
    type:'get',
    success:function(info){
      console.log(info);
      $(".first_nav").html(template("tmp",info));
      renderSecond(info.rows[0].id);
      console.log($(".first_nav li"));
      
    }
  })

  $(".first_nav").on("click","li",function(){
    $(this).addClass("active").siblings().removeClass("active");
    var id = $(this).data("id");
    renderSecond(id);
  })
  function renderSecond(id){
    $.ajax({
      url:'/category/querySecondCategory',
      type:'get',
      data:{
        id:id
      },
      success:function(info){
        $(".second_nav").html(template("tmp2",info));
      }
    })

  }
})